import React, { Component, useEffect } from 'react'
import { View, Text, Input } from '@tarojs/components'
import Taro, { useState, useDidShow } from '@tarojs/taro'
import { AtButton } from 'taro-ui'

import "taro-ui/dist/style/components/button.scss" // 按需引入
import './index.less'

const Index = (props) => {
  useEffect(() => {
    console.log(11)
  })
  return (
    <View className='index'>
      <Text>Hello world!</Text>
      <AtButton type='primary'>I need Taro UI</AtButton>
      <Text>Taro UI 支持 Vue 了吗？</Text>
      <AtButton type='primary' circle={true}>支持</AtButton>
      <Text>共建？</Text>
      <AtButton type='secondary' circle={true}>来</AtButton>
    </View>
  )
}

export default Index;

